<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>CodeIgniter中国-PHP框架CodeIgniter中国开发者社区</title>
        <style type="text/css">
            *{
                margin:0;
                padding: 0;
                color: black;
                text-decoration: none;
            }
    
            .header {
                width: 100%;
                height: 50px;
                background: #e43e3e;
                box-shadow: 0 2px 7px rgba(23, 33, 43, 0.51);
                position:fixed;
                z-index:100;
                top:0;
                left:0;
                
            }
    
            .logo {
                float: left;
                padding: 0 0 0 30px;
               
            }
    
            .right {
                float: right;
                height: 100%;
                margin: 0;
                
            }
    
            .mid {
                width: 488px;
                height: 50px;
                margin: 0 auto;
            
            }
    
            ul {
                width: auto;
                height: 100%;
                display: block;
                list-style: none;
                
            }
    
            ul li {
                float: left;
                width: auto;
                height: 50px;
                display: block;
                padding: 0 15px;
               
            }

            ul li a:hover {
                background-color: rgba(31, 39, 48, 0.51);
            }
    
            ul li a {
                padding: 0 5px 10px 5px;
                padding: 0 5px;
                line-height: 50px;
                display: inline-block;
            }
            ul li a img {
                width: 30px;
                height: 30px;
                margin-top: 8px;
                border-radius: 20px;
                border: 1px solid #A7AEB5;
            }

            .china {
            width: 1080px;
            height: 50px;
            margin: 0 auto;
            padding: 0;
           
            }
            .china p{
                font-style: italic; 
                font-size: 22pt;
                font-family:微软雅黑;
                color:seashell; 
            }
        </style>
    </head>
    <body>
    <div class="header">
        <div class="logo">
            <img alt="logo" src="PHP/code.jpg" width="50" height= "40">
        </div>
        <div class="right">
            <ul>
                <li><a class="text"><img src="PHP/code1.jpg" width="100" height= "70"/></a></li>
                <li><a >下载</a></li>
                <li><a>用户手册</a></li>
                <li><a>开发者社区</a></li>
                <li><a>贡献</a></li>
            </ul>
        </div>
        <div class="china">    
            <p>CodeIgniter&nbsp;中国</p>
        </div>
    </div>

    </body>
    </html>